<script>
	export default {
		data() {
			return {
				userInfo: {}
			}
		},

		// 仅在 App.vue 中生效
		onRouteChange(to, from) {
			console.log('路由变化：', to, from);
		},

		methods: {
			getTime() {
				let date = new Date()
				let year = date.getFullYear()
				let month = (date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : '0' + (date.getMonth() + 1)
				let day = date.getDate() >= 10 ? date.getDate() : '0' + date.getDate()
				let h = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours()
				let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes()
				let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds()
				return `${year}-${month}-${day} ${h}:${m}:${s}`
			}
		}
	}
</script>

<style>
	/*每个页面公共css */
	/*每个页面公共css */
	* {
		margin: 0;
		padding: 0;
	}


	li {
		list-style: none;
	}

	/*每个页面公共css */
	uni-page-body,
	html,
	body {
		width: 100%;
		height: 100vh;
	}

	image {
		width: none;
		height: none;
	}

	.box {
		/* padding: 10px; */
		box-sizing: border-box;
		width: 100%;
		height: 100vh;
		/* background-color: aquamarine; */
		overflow-y: scroll;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		background-image: url('https://gd-hbimg.huaban.com/1891ff3c2246cd8ee006be98d942f2d541e968241eeec-cUfiar_fw658webp');
	}

	.amusingBtn {
		width: 90%;
		height: 40px;
		font-size: 14px;
		color: #fff;
		background: #CCDBFC;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.amusingBtn1 {
		width: 90%;
		height: 40px;
		font-size: 14px;
		color: #fff;
		background-color: #CCDBFC;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 700;
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.inp {
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
		padding: 5px 10px;
		box-sizing: border-box;
		font-size: 14px;
		color: #333;
		border-radius: 30px;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}

	.inp input {
		width: 100%;
		height: 100%;
		padding: 5px 10px;
		box-sizing: border-box;

	}

	.gang {
		display: inline-block;
		width: 4px;
		border-radius: 2px;
		height: 12px;
		background-color: #1BA035;
		margin-right: 5px;
	}
</style>